<template>
    <div>
        <div :class="{red:show,green:greenshow}">
            船只教育
        </div>
        <div :style="[yangshi1,yangshi2]"> 郭兵的闪光内裤</div>
        <button @click="show=!show">red</button>
        <button @click="greenshow=!greenshow">green</button>
    </div>
  
</template>

<script>
export default {
    data(){
        return{
            show:false,
            greenshow:false,
            yangshi1:{
                fontSize:'25px',
                color:'red'
            },
            yangshi2:{
                backgroundColor:'#868686'
            }
        }

    }
}
</script>

<style scoped>
.red{
    color: red;
}
.green{
    color: green;
}
</style>